<template>
    <img :style="{ transform: props?.color ? `translateY(-11160px)` : false, filter: props?.color ? `drop-shadow(${props?.color} 0 11160px)` : false, width: props?.width ? props.width : false, height: props?.height ? props.height : false }"
        :src="props.svgUrl" alt="图标路径错误">
</template>

<script setup>
import { defineProps } from "vue"
const props = defineProps({
    color: {
        type: String,
    },
    svgUrl: {
        type: String,
        required: true,
    },
    width: {
        type: String,
    },
    height: {
        type: String,
    }
})
</script>
<style lang="scss" scoped></style>